const postcssPresetEnv = require("postcss-preset-env");

module.exports = {
  plugins: [
    /* other plugins */
    /* remove autoprefixer if you had it here, it's part of postcss-preset-env */
    postcssPresetEnv({
      /* pluginOptions */
      stage: 2, // 设置支持的 CSS 规范阶段
      autoprefixer: { grid: true }, // 启用 Autoprefixer 并支持 IE 11 的 Grid 布局
      browsers: "last 2 versions", // 兼容最近两个版本的浏览器（已废弃，建议使用 `overrideBrowserslist`）
      overrideBrowserslist: ["last 2 versions", "> 1%"], // 指定浏览器支持范围
      features: {
        "nesting-rules": true, // 启用嵌套规则
        "custom-properties": { preserve: false }, // 处理 CSS 变量（`preserve: false` 代表不保留原始变量） 删除  background-color: var(--zks);
      },
      importFrom: "./styles/config.css", // 允许从指定文件导入 CSS 变量
      exportTo: "/dist/output.css", // 导出处理后的 CSS 变量
    }),
  ],
};
